<%-- 
    Document   : picture
    Created on : Jan 19, 2013, 2:44:40 PM
    Author     : TuanAnh
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset='UTF-8'>
        <title>FPT Resort Images</title>
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
        <script type="text/javascript" src="js/js-picture/pop-ups.js"></script> 
        <script type="text/javascript" src="js/js-picture/jquery.easing.1.3.js"></script> 
        <script type="text/javascript" src="js/js-picture/jquery.mousewheel.js"></script> 
        <script type="text/javascript" src="js/js-picture/jquery.jscrollpane.min.js"></script> 
        <script type="text/javascript" src="js/js-picture/cufon.js"></script> 
        <script type="text/javascript" src="js/js-picture/Quicksand_Book_400.font.js"></script> 
        <script type="text/javascript" src="js/js-picture/functions.js"></script>
        <style>
            ul.navigation li span.arrow_down {
                background: rgba(0, 0, 0, 0.75) url(images/down.png) no-repeat center center;
            }
            ul.navigation li span.arrow_up {
                background: rgba(0, 0, 0, 0.75) url(images/up.png) no-repeat center center;
            }
        </style>
    </head>

    <body>
        <div id="main" class="main"> <img src="images/album/1.jpg" alt="" class="preview" style="display:none;"/>            
            <header id="header">
                <a href="Homepage.jsp"><h3>FPT Resort</h3></a>
            </header>
        </div>
        <ul id="nav" class="navigation footer" style="">
            <li class="album"> <span class="link" id="toggle"><span class="arrow_down"></span></span>
                <div class="wrapper thumbs_wrapper">
                    <div class="thumbs"> 
                        <img src="images/album/thumbs/1.jpg" alt="images/album/1.jpg"/> 
                        <img src="images/album/thumbs/2.jpg" alt="images/album/2.jpg"/> 
                        <img src="images/album/thumbs/3.jpg" alt="images/album/3.jpg"/> 
                        <img src="images/album/thumbs/4.jpg" alt="images/album/4.jpg"/> 
                        <img src="images/album/thumbs/5.jpg" alt="images/album/5.jpg"/> 
                        <img src="images/album/thumbs/6.jpg" alt="images/album/6.jpg"/>
                        <img src="images/album/thumbs/7.jpg" alt="images/album/7.jpg"/> 
                        <img src="images/album/thumbs/8.jpg" alt="images/album/8.jpg"/> 
                        <img src="images/album/thumbs/9.jpg" alt="images/album/9.jpg"/> 
                        <img src="images/album/thumbs/10.jpg" alt="images/album/10.jpg"/> 
                        <img src="images/album/thumbs/11.jpg" alt="images/album/11.jpg"/>                         
                    </div>
                </div>
            </li>
        </ul>
    </body>
</html>